<!DOCTYPE HTML>
<html lang="ja_JP">
<head>
	<meta charset="UTF-8">
	<title>さよなら角丸またきて四角</title>
    <meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<link href="css/style.css" rel="stylesheet" type="text/css">
    
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", '1.4.2');</script>
    <script type="text/javascript" src="js/jdtForeverShikaku.js"></script>
    <script type="text/javascript">
    jQuery(function($)
    {
		$( "#proc" ).click(function(){
			
			//プラグイン実行
			$( "body" ).jdtForeverShikaku();
			$( this ).val( "また来て四角" );
		});
    });
    </script>
</head>
<body>
<div id="container">
  <header>丸くない要素を演出するjQueryプラグイン<!-- end header --></header>
  <div id="content">
    <h1>jdtForeverShikaku</h1>
    
<div><input id="proc" type="button" value="さよなら角丸" /></div>
 	<div class="kadomaru">parent1
       <div class="kadomaru">child1
			<div class="kadomaru">child-child1</div>
            <div class="kadomaru">child-child2</div>
            <div class="kadomaru">child-child3</div>
       </div>
       <div class="kadomaru">child2</div>
    </div>
 	<div class="kadomaru">parent2</div>
 	<div class="kadomaru">parent3</div>
<!-- end div.content --></div>
<footer>
  <p style="text-align:right;"><a href="http://prog.re-d.net">kamiyam</a></p>
<!-- end footer --></footer>
<!-- end div.container --></div>
</body>
</html>